<template>
  <div>
    <!-- ===============食品安全======================== -->

    <!-- ---------------背景图片1----------------------- -->
    <div class="banner">
      <!-- <img src="../../src/assets/img_women/qiye/BJ_01.jpg" alt="" /> -->
    </div>
    <!-- -------------导航栏-------------------- -->
    <div class="nav-bj">
      <div class="nav">
        <ul>
          <li  @click="$router.push('/home/women')">企业介绍</li>
          <li  @click="$router.push('/home/fuwu')">服务理念</li>
          <li  @click="$router.push('/home/guoji')">国际战略</li>
          <li  @click="$router.push('/home/fenzhi')">分支机构</li>
          <li  class="active" @click="$router.push('/home/shipin')">食品安全</li>
        </ul>
      </div>
    </div>
    <!-- -------------版心-------------------- -->

    <div class="center">
      <!-- ----------面包屑导航--------- -->
      <el-breadcrumb separator-class="el-icon-arrow-right" class="bum">
        <el-breadcrumb-item>您现在所在的位置</el-breadcrumb-item>
        <el-breadcrumb-item>首页</el-breadcrumb-item>
        <el-breadcrumb-item>我们</el-breadcrumb-item>
        <el-breadcrumb-item>食品安全</el-breadcrumb-item>
      </el-breadcrumb>

      <!-- ----------------食品安全 ------------------ -->
      <div class="DuanLuo">
        <img class="bj2" src="../../assets/img_women/qiye/BJ_02.jpg" />
        <img class="c2" src="../../assets/img_women/ShiPin/spaq00.jpg" />
      </div>
      <p>稻香村现代化标准厂房大公开</p>

      <!-- -----------------第一-------------------------- -->
      <div class="pic">
        <ul>
          <li>
            <div class="pic_bg">
              <img src="../../assets/img_women/ShiPin/bgtt.jpg" />
              <div class="pic_top">
                <img src="../../assets/img_women/ShiPin/sp01.jpg" />
              </div>
            </div>
            <p>从原料进厂到产品出厂经过12次严格的检验检查</p>
          </li>

          <li>
            <div class="pic_bg">
              <img src="../../assets/img_women/ShiPin/bgtt.jpg" />
              <div class="pic_top">
                <img src="../../assets/img_women/ShiPin/sp02.jpg" />
              </div>
            </div>
            <p>10万级无菌制药级空气净化、全空调GMP模范车间</p>
          </li>
          <li>
            <div class="pic_bg">
              <img src="../../assets/img_women/ShiPin/bgtt.jpg" />
              <div class="pic_top">
                <img src="../../assets/img_women/ShiPin/sp03.jpg" />
              </div>
            </div>
            <p>生产员工岗位要经过7次检查、除尘消毒，要经过8道隔离门</p>
          </li>
          <li>
            <div class="pic_bg">
              <img src="../../assets/img_women/ShiPin/bgtt.jpg" />
              <div class="pic_top">
                <img src="../../assets/img_women/ShiPin/sp04.jpg" />
              </div>
            </div>
            <p>车间设有18个摄像监控，6处IC卡自动门禁，实行中央监控</p>
          </li>
          <li>
            <div class="pic_bg">
              <img src="../../assets/img_women/ShiPin/bgtt.jpg" />
              <div class="pic_top">
                <img src="../../assets/img_women/ShiPin/sp05.jpg" />
              </div>
            </div>
            <p>生产工序自检互检， 品控部产品专检，生产卫生检查组巡检</p>
          </li>
        </ul>
      </div>
      <!-- -----------------第二---------------------------- -->
      <div class="pic_text">
        <ul>
          <li>
            <img src="../../assets/img_women/ShiPin/spaq_01.jpg" />
            <div class="text">
              <h1>03</h1>
              <h2>烘焙工艺</h2>
              <p>
                全自动化烘焙区中，糕点坯自动化生产线整齐码放在烤盘中，经过运输履带直接输送至烤箱烘焙、冷却设备，整个制模、烘焙、冷却过程，工作人员仅需要将烤盘放入自动化生产线即可，减少手工作业提升了食品的安全性。
              </p>
            </div>
            <img src="../../assets/img_women/ShiPin/spaq_04.jpg" />
            <div class="text">
              <h1>06</h1>
              <h2>检验工艺</h2>
              <p>
                从原料进厂到产品出厂要经过金属检测、质量检测、菌落检测、包装检测等12次严格检查。另采取生产工序自检互检，品控部产品专检，生产卫生检查组巡检三道工序保证产品质量合格。
              </p>
            </div>
          </li>
           <li>
            <div class="text">
              <h1>01</h1>
              <h2>选料、制陷工艺</h2>
              <p>
                稻香村集团在江苏、山东、湖南、云南等地联合建有原料基地，严格把控原料来源，甄选健康新鲜优质原料，面粉、食用油等原材料为集团统一采购模式，选用中粮、福临门等大品牌，保证原料品质与质量。制馅采用传统制馅工艺，结合现代化加工，保证馅料的传统口味与健康。
              </p>
            </div>
            <img src="../../assets/img_women/ShiPin/spaq_03.jpg" />
            <div class="text">
              <h1>04</h1>
              <h2>杀菌工艺</h2>
              <p> 
               稻香村集团加工中心按照药品生产级别设计建造，全空调GMP模范车间。整个厂区使用10万级空气净化设备，全方位透明化无菌生产；生产员工要经过7次检查、除尘消毒，经过8道隔离门，确保产品的安全高品质。
              </p>
            </div>
            <img src="../../assets/img_women/ShiPin/spaq_06.jpg" />
          </li>
           <li>
            <img src="../../assets/img_women/ShiPin/spaq_02.jpg" />
            <div class="text">
              <h1>02</h1>
              <h2>成型工艺</h2>
              <p>
               稻香村集团采用手工与机器自动制模相结合的制作方式。成型工艺，采用国际先进的全自动化生产线，确保产品生产的专业化、标准化，特色产品由大师领衔严格工艺规程流水线纯手工制作。
              </p>
            </div>
            <img src="../../assets/img_women/ShiPin/spaq_05.jpg" />
            <div class="text">
              <h1>05</h1>
              <h2>包装工艺</h2>
              <p>
               稻香村集团加工中心采用国际领先的食品包装设备，创新的KPET66°热包装，杜绝通常冷包装微生物污染的可能性，并让产品新鲜度和营养丝毫未损。
              </p>
            </div>
          </li>



        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import "@/assets/css_women/base.css";
import "@/assets/css_women/reset.css";
export default {
  data() {
    return {
      activeIndex: "1",
      num: 1,
    };
  },
};
</script>

<style lang="scss" scoped>
// --------------背景 ----------------
.banner {
  width: 100%;
  height: 600px;
  background-image: url(../../assets/img_women/qiye/BJ_01.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
//---------------导航栏 ----------------
.nav-bj {
  background-color: #e6dfc9;
  .nav {
    width: 1200px;
    margin: 0 auto;
    > ul {
      display: flex;
      height: 52px;
      font-size: 20px;

      > li {
        height: 100%;
        width: 160px;
        line-height: 52px;
        &.active {
          background-color: #ceaf59;
          color: #fff;
        }
        &:hover {
          background-color: #ceaf59;
          color: #fff;
        }
      }
    }
  }
}

//---------------版心 ----------------
.center {
  width: 1200px;
  margin: 0 auto;
  // 面包屑导航
  > .bum {
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin-top: 20px;
  }

  //--------------- (段落图文字) ----------------
  > .DuanLuo {
    position: relative;
    margin-top: 25px;

    > .c2 {
      position: absolute;
      top: 60px;
      left: 42%;
    }
    > .bj2 {
      width: 1200px;
    }
  }
  > p {
    font-size: 18px;
    color: #ceaf59;
    text-align: center;
    font-weight: 300;
  }
  // ----------------第一-----------------
  > .pic {
    margin: 30px 0;
    > ul {
      display: flex;
      justify-content: space-around;
      > li {
        text-align: start;
        width: 200px;
        > .pic_bg {
          position: relative;
          > .pic_top {
            position: absolute;
            top: 50px;
            left: 20px;
          }
        }
        p {
          padding-top: 30px;
          font-size: 14px;
          color: #664f10;
          width: 200px;
          line-height: 20px;
        }
      }
    }
  }

  // ----------------第二-----------------
  .pic_text {
   margin-top:40px;
   margin-bottom: 100px;
    > ul {
      display: flex;
      > li {
        width: 400px;
        > .text {
          line-height: 28px;
          padding: 0 40px;
          height: 400px;
          background: #f9f4e4;
          // position: relative;
          h1 {
           padding-top: 40px;
           padding-bottom: 20px;
            font-size: 48px;
            color: #b78439;
            font-weight: 300;
          }
          > {
            h2 {
              font-size: 18px;
              color: #b78439;
              font-weight: 300;
              text-align: center;
              margin: 20px 0 30px 0;
            }
            > p {
              font-size: 14px;
              color: #333333;
            }
          }
        }
      }
    }
  }
}
</style>